<template>

    <div style="width: 1650px; height:1200px;background-color:#FFF;margin:auto;border:1px solid white;background-color: #F3F6F8;" class="box" >
        <div style="width: 85%; height:550px;background-color:#FFF;margin-top: 20px;margin-left: 30px; white-space: nowrap;"
            class="box">
            <p style="margin-left: -92%;line-height: auto;"><strong>基础信息</strong></p>
            <el-divider></el-divider>
            <el-form ref="form" :inline="true" :model="supply" label-width="80px">
                <el-form-item label="供应商编号  " size="samll" style="margin-left: 6%; ">
                    <el-input style="width: 350px;" size="small" v-model="supply.supplyNo" placeholder="自动获取系统编号"></el-input>
                </el-form-item>
                <el-form-item label="供应商名称" size="samll" style="margin-left: 22%;">
                    <el-input style="width: 350px;" size="small" v-model="supply.supplyName" placeholder="请输入"></el-input>
                </el-form-item>
                <el-form-item label="所属行业" style=" margin-top: 5%; margin-left: -85%;   ">
                    <el-select size="small" v-model="supply.supplyLine" placeholder="请选择" style="width: 350px;">
                        <el-option label="零售" value="xx"></el-option>
                        <el-option label="制造" value="xx"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="供应商分类" style=" margin-top: 5%; margin-left: 22.25%;   ">
                    <el-select size="small" v-model="supply.supplyType" placeholder="请选择" style="width: 350px;">
                        <el-option label="成品供应商" value="xx"></el-option>
                        <el-option label="零件供应商" value="xx"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="联系人" size="samll" style=" margin-top: 10%; margin-left: -85%;   ">
                    <el-input size="small" v-model="supply.linkMan" placeholder="请输入" style="width: 350px;"></el-input>
                </el-form-item>
                <el-form-item label="联系电话" size="samll" style=" margin-top: 10%; margin-left: 22.25%;   ">
                    <el-input size="small" v-model="supply.phone" placeholder="请输入" style="width: 350px;"></el-input>
                </el-form-item>
                <el-form-item label="电子邮箱" size="samll" style=" margin-top: 15%; margin-left: -85%;   ">
                    <el-input size="small" v-model="supply.email" placeholder="请输入" style="width: 350px;"></el-input>
                </el-form-item>
                <el-form-item label="进货部门" size="samll" style=" margin-top: 15%; margin-left: 22.25%;   ">
                    <el-input size="small" v-model="supply.jhDepartment" placeholder="请输入" style="width: 350px;"></el-input>
                </el-form-item>
                <el-form-item label="进货负责人" size="samll" style=" margin-top: 20%; margin-left: -85%;   ">
                    <el-select size="small" v-model="supply.people" placeholder="请选择" style="width: 350px;">
                        <el-option label="admin" value="xx"></el-option>
                        <el-option label="阿达min" value="xx"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="状态" size="samll" style=" margin-top: 20%; margin-left: 22.25%;   ">
                    <template>
                        <el-radio v-model="radioState" label="1">启用</el-radio>
                        <el-radio v-model="radioState" label="0">停用</el-radio>
                    </template>
                </el-form-item>
                <el-form-item label="供应商地址" size="samll" style=" margin-top: 25%; margin-left: -70%;   ">
                    <el-input size="small" v-model="supply.supplyAdress" placeholder="请输入" style="width: 1115px;"></el-input>
                </el-form-item>
                <el-form-item label="备注" size="samll" style=" margin-top: 30%; margin-left: -86%;   ">
                    <el-input size="small" v-model="supply.Comment" placeholder="请输入"
                        style="width: 1115px; height: 50px;"></el-input>
                </el-form-item>
            </el-form>
        </div>
        <div style="width: 85%; height:300px;background-color:#FFF;margin-top: 20px;margin-left: 30px; white-space: nowrap;"
            class="box">
            <p style="margin-left: -92%;"><strong>财务信息</strong></p>
            <el-divider></el-divider>
            <el-form ref="form" :inline="true" :model="finance" label-width="80px">
                <el-form-item label="账户名称  " size="samll" style="margin-left: 6%; ">
                    <el-input style="width: 350px;" size="small" v-model="finance.financeName" placeholder="请输入"></el-input>
                </el-form-item>
                <el-form-item label="纳税人识别号" size="samll" style="margin-left: 23.5%; ">
                    <el-input style="width: 350px;" size="small" v-model="finance.taxNo" placeholder="请输入"></el-input>
                </el-form-item>
                <el-form-item label="银行账户" size="samll" style="margin-left: -86%;margin-top: 5%; ">
                    <el-input style="width: 350px;" size="small" v-model="finance.bankNo" placeholder="请输入"></el-input>
                </el-form-item>
                <el-form-item label="开户银行   " size="samll" style="margin-left: 23.5%;margin-top: 5%;">
                    <el-input style="width: 350px;" size="small" v-model="finance.bankName" placeholder="请输入"></el-input>
                </el-form-item>
                <el-form-item label="开户行地址  " size="samll" style="margin-left: -86%;margin-top: 10%;">
                    <el-input style="width: 1115px;" size="small" v-model="finance.bankAdress" placeholder="请输入" ></el-input>
                </el-form-item>
                
            </el-form>
            
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            supply: {
                supplyNo:'',
                supplyName:'',
                supplyLine:'',
                supplyType:'',
                linkMan:'',
                phone:'',
                email:'',
                jhDepartment:'',
                people:'',
                radioState:'',
                supplyAdress:'',
                Comment:''
            },
            finance:{
                financeName:'',
                taxNo:'',
                bankNo:'',
                bankName:'',
                bankAdress:''

            }
        }
    }
}
</script>

<style scoped></style>